<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>徐州精诚特卫保安服务有限公司</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/warehouseCheck.css" rel="stylesheet">

    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-datetimepicker.js" ></script>
    <script src="js/bootstrap-datetimepicker.fr.js"></script>
    <script src="js/bootstrap-datetimepicker.zh-CN.js" ></script>
    <script src="js/style.js"></script>
    <script src="js/warehouseCheck.js"></script>
    <script src="js/global.js"></script>
    <script src="js/timeInput.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">OA系统</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="personnelAnalysis.html">人事管理</a></li>
                <!--<li><a href="marketingManager.html">营销管理</a></li>-->
                <li><a href="operationProjectManager.html">运营管理</a></li>
                <!--<li><a href="financialManager.html">财务管理</a></li>-->
                <li class="active"><a href="warehouseGoodsBaseInformation.html">采购管理</a></li>
                <li><a href="ManageDepartment.html">基本设置</a></li>
            </ul>
        </div>
    </div>
</nav>
<div id="" class="container-fluid main-body">
    <div id="left-nav" class="">
        <div class="left-nav-userInfo">
            <div class="userHead">
                <a href="personnelCenter.html"><img class="userImg" src="imgs/user.png" href="personnelCenter.html" data-toggle="tooltip" data-placement="bottom" title="个人中心"></a>
            </div>
            <div class="userTitle">
                <p></p><span class="glyphicon glyphicon-log-out" data-toggle="tooltip" data-placement="top" title="注销" onclick="logout()" aria-hidden="true"></span>
            </div>
        </div>
        <ul class="left-nav-menu">
            <li class="left-nav-menu-li li-active">
                <a href="warehouseCheck.html" class="menu-link">
                    <img src="imgs/warehouse_fill.png">
                    <div>库存盘点</div>
                </a>
            </li>
            <li class="left-nav-menu-li">
                <a href="warehouseGoodsBaseInformation.html" class="menu-link">
                    <img src="imgs/addressbook.png">
                    <div>物品基本信息</div>
                </a>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/brush.png">
                    <div>采购流程    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li">
                        <a href="warehousePurchaseApplyProcess.html" class="sub-menu-link">
                            流程设置
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="warehousePurchaseApply.html" class="sub-menu-link">
                            采购申请
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="warehousePurchaseAudit.html" class="sub-menu-link">
                            采购审核
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li">
                <a href="warehouseGoodsPushIn.html" class="menu-link">
                    <img src="imgs/task.png">
                    <div>物品入库</div>
                </a>
            </li>
            <li class="left-nav-menu-li">
                <a href="warehouseGoodsPullOut.html" class="menu-link">
                    <img src="imgs/manage.png">
                    <div>物品出库</div>
                </a>
            </li>
            <li class="left-nav-menu-li">
                <a href="warehouseGoodsGiveBack.html" class="menu-link">
                    <img src="imgs/coupons.png">
                    <div>物品归还</div>
                </a>
            </li>
        </ul>
    </div>
    <!--------------------------------------------------------库存盘点panel-------------------------------------------------------------->
    <!---------------------------------------------------------------------------------------------------------------------->
    <div id="allWarehouseGoodsInformationPanel" class="right-panel">

        <div class="nav-path">
            <div class="path-title">
                <ul class="path-ul">
                    <li>库存盘点</li>
                </ul>
            </div>
        </div>

        <div class="main-body-content">

            <div class="top-body" style="margin-top: 30px">
                <div class="search-content" style="height: 34px;">
                    <div class="search-left">
                        <div class="input-group col-xs-4">
                            <input type="text" id ="allWarehouseGoodsInformation-goodsName-input" class="form-control" placeholder="物品名称">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button" onclick="searchByName()">搜索</button>
                                <button class="btn btn-default" type="button" onclick="getAllStock()">搜索全部</button>
                            </span>
                        </div>
                    </div>
                    <div class="search-right">
                        <a href="#reportSpoiledTablePanel" class="btn btn-default lookReportSpoiledTable" onclick="getAllLossEntry()">查看报损表</a>
                    </div>
                </div>
            </div>

            <div class="table-body">
                <table class="table table-bordered">
                    <thead style="background-color: #F9FAFB">
                    <tr>
                        <th style="width: 100px">物品编号</th>
                        <th>物品名称</th>
                        <th>单位</th>
                        <th>库存数量</th>
                        <th style="width: 100px">申请报损</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="table-tr hidden">
                        <td class="allWarehouseGoodsInformation-goodsId"></td>
                        <td class="allWarehouseGoodsInformation-goodsName"></td>
                        <td class="allWarehouseGoodsInformation-unit"></td>
                        <td class="allWarehouseGoodsInformation-goodsNumber"></td>
                        <td class="">
                            <a class="applyReportSpoiledButton" href="#reportSpoiledPanel" onclick="setReportSpoiledPanel(this)"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="allWarehouseGoodsInformation-goodsId"></td>
                        <td class="allWarehouseGoodsInformation-goodsName"></td>
                        <td class="allWarehouseGoodsInformation-unit"></td>
                        <td class="allWarehouseGoodsInformation-goodsNumber"></td>
                        <td class="">
                            <a class="applyReportSpoiledButton" href="#reportSpoiledPanel" onclick="setReportSpoiledPanel(this)"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="allWarehouseGoodsInformation-goodsId"></td>
                        <td class="allWarehouseGoodsInformation-goodsName"></td>
                        <td class="allWarehouseGoodsInformation-unit"></td>
                        <td class="allWarehouseGoodsInformation-goodsNumber"></td>
                        <td class="">
                            <a class="applyReportSpoiledButton" href="#reportSpoiledPanel" onclick="setReportSpoiledPanel(this)"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="allWarehouseGoodsInformation-goodsId"></td>
                        <td class="allWarehouseGoodsInformation-goodsName"></td>
                        <td class="allWarehouseGoodsInformation-unit"></td>
                        <td class="allWarehouseGoodsInformation-goodsNumber"></td>
                        <td class="">
                            <a class="applyReportSpoiledButton" href="#reportSpoiledPanel" onclick="setReportSpoiledPanel(this)"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="allWarehouseGoodsInformation-goodsId"></td>
                        <td class="allWarehouseGoodsInformation-goodsName"></td>
                        <td class="allWarehouseGoodsInformation-unit"></td>
                        <td class="allWarehouseGoodsInformation-goodsNumber"></td>
                        <td class="">
                            <a class="applyReportSpoiledButton" href="#reportSpoiledPanel" onclick="setReportSpoiledPanel(this)"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="allWarehouseGoodsInformation-goodsId"></td>
                        <td class="allWarehouseGoodsInformation-goodsName"></td>
                        <td class="allWarehouseGoodsInformation-unit"></td>
                        <td class="allWarehouseGoodsInformation-goodsNumber"></td>
                        <td class="">
                            <a class="applyReportSpoiledButton" href="#reportSpoiledPanel" onclick="setReportSpoiledPanel(this)"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="allWarehouseGoodsInformation-goodsId"></td>
                        <td class="allWarehouseGoodsInformation-goodsName"></td>
                        <td class="allWarehouseGoodsInformation-unit"></td>
                        <td class="allWarehouseGoodsInformation-goodsNumber"></td>
                        <td class="">
                            <a class="applyReportSpoiledButton" href="#reportSpoiledPanel" onclick="setReportSpoiledPanel(this)"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="allWarehouseGoodsInformation-goodsId"></td>
                        <td class="allWarehouseGoodsInformation-goodsName"></td>
                        <td class="allWarehouseGoodsInformation-unit"></td>
                        <td class="allWarehouseGoodsInformation-goodsNumber"></td>
                        <td class="">
                            <a class="applyReportSpoiledButton" href="#reportSpoiledPanel" onclick="setReportSpoiledPanel(this)"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="allWarehouseGoodsInformation-goodsId"></td>
                        <td class="allWarehouseGoodsInformation-goodsName"></td>
                        <td class="allWarehouseGoodsInformation-unit"></td>
                        <td class="allWarehouseGoodsInformation-goodsNumber"></td>
                        <td class="">
                            <a class="applyReportSpoiledButton" href="#reportSpoiledPanel" onclick="setReportSpoiledPanel(this)"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="allWarehouseGoodsInformation-goodsId"></td>
                        <td class="allWarehouseGoodsInformation-goodsName"></td>
                        <td class="allWarehouseGoodsInformation-unit"></td>
                        <td class="allWarehouseGoodsInformation-goodsNumber"></td>
                        <td class="">
                            <a class="applyReportSpoiledButton" href="#reportSpoiledPanel" onclick="setReportSpoiledPanel(this)"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div class="page-body">
                <ul class="page-ul">
                    <li class="page-ul-li">
                        <div class="input-group" style="width: 110px">
                            <input type="text" class="form-control skipPage" placeholder="0">
                            <span class="input-group-btn">
                                <button  onclick="skipPage('#allWarehouseGoodsInformationPanel')" class="btn btn-default" type="button">跳转</button>
                             </span>
                        </div>
                    </li>
                    <li class="page-ul-li"><a class="btn btn-default page-button" onclick="nextPage('#allWarehouseGoodsInformationPanel')"><span class="caret caret-left"></span></a></li>
                    <li class="page-ul-li" style="margin-top: 8px"><span class="currentPage"></span>/<span class="totalPage"></span></li>
                    <li class="page-ul-li"><a class="btn btn-default page-button" onclick="previousPage('#allWarehouseGoodsInformationPanel')"><span class="caret caret-right"></span></a></li>
                </ul>
            </div>


        </div>

    </div>
    <!--------------------------------------------------------报损表panel-------------------------------------------------------------->
    <!---------------------------------------------------------------------------------------------------------------------->
    <div id="reportSpoiledTablePanel" class="right-panel hidden">

        <div class="nav-path">
            <div class="">
                <a href="#allWarehouseGoodsInformationPanel" class="btn btn-default path-arrow-left">
                    <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
                </a>
                <ul class="path-ul">
                    <li>报损表</li>
                </ul>
            </div>
        </div>

        <div class="main-body-content">

            <div class="top-body" style="margin-top: 30px">
                <div class="search-content" style="height: 34px;">
                    <div class="search-left">
                        <div class="dropdown col-xs-2 select-department" style="padding: 0">
                            <button class="btn btn-default dropdown-toggle" type="button" value='' id="selectStatus-dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                选择状态
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu selectStatus-dropdownMenu-ul" aria-labelledby="selectStatus-dropdownMenu">
                                <li><a value="">选择状态</a></li>
                                <li><a value="0">未审核</a></li>
                                <li><a value="1">通过</a></li>
                                <li><a value="2">未通过</a></li>
                                <li><a value="3">无需审核</a></li>
                            </ul>
                        </div>
                        <div class="input-group col-xs-4">
                            <input id="reportSpoiledTablePanel-goodsName" type="text" class="form-control" placeholder="物品名称">
                            <span class="input-group-btn">
                        <button class="btn btn-default" type="button" onclick="searchLossEntryByParas()">搜索</button>
                        <button class="btn btn-default" type="button" onclick="getAllLossEntry()">搜索全部</button>
                        </span>
                        </div>
                    </div>
                    <div class="search-right">

                    </div>
                </div>
            </div>

            <div class="table-body">
                <table class="table table-bordered">
                    <thead style="background-color: #F9FAFB">
                    <tr>
                        <th style="width: 80px">物品编号</th>
                        <th>物品名称</th>
                        <th>申请人</th>
                        <th>理论库存数量</th>
                        <th>缺少数量</th>
                        <th>申请时间</th>
                        <th>原因</th>
                        <th>审核状态</th>
                        <th style="width: 50px">详情</th>
                        <th style="width: 50px">删除</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="table-tr hidden">
                        <td class="reportSpoiledTablePanel-goodsID"></td>
                        <td class="reportSpoiledTablePanel-goodsName"></td>
                        <td class="reportSpoiledTablePanel-applyUserName"></td>
                        <td class="reportSpoiledTablePanel-stockNumber"></td>
                        <td class="reportSpoiledTablePanel-lossNumber"></td>
                        <td class="reportSpoiledTablePanel-applyTime"></td>
                        <td class="reportSpoiledTablePanel-reason"></td>
                        <td class="reportSpoiledTablePanel-status"></td>
                        <td class="">
                            <a onclick="setReportSpoiledDetailsModal(this)"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span></a>
                        </td>
                        <td class="reportSpoiledTablePanel-delete">
                            <a onclick=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="reportSpoiledTablePanel-goodsID"></td>
                        <td class="reportSpoiledTablePanel-goodsName"></td>
                        <td class="reportSpoiledTablePanel-applyUserName"></td>
                        <td class="reportSpoiledTablePanel-stockNumber"></td>
                        <td class="reportSpoiledTablePanel-lossNumber"></td>
                        <td class="reportSpoiledTablePanel-applyTime"></td>
                        <td class="reportSpoiledTablePanel-reason"></td>
                        <td class="reportSpoiledTablePanel-status"></td>
                        <td class="">
                            <a onclick="setReportSpoiledDetailsModal(this)"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span></a>
                        </td>
                        <td class="reportSpoiledTablePanel-delete">
                            <a onclick=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="reportSpoiledTablePanel-goodsID"></td>
                        <td class="reportSpoiledTablePanel-goodsName"></td>
                        <td class="reportSpoiledTablePanel-applyUserName"></td>
                        <td class="reportSpoiledTablePanel-stockNumber"></td>
                        <td class="reportSpoiledTablePanel-lossNumber"></td>
                        <td class="reportSpoiledTablePanel-applyTime"></td>
                        <td class="reportSpoiledTablePanel-reason"></td>
                        <td class="reportSpoiledTablePanel-status"></td>
                        <td class="">
                            <a onclick="setReportSpoiledDetailsModal(this)"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span></a>
                        </td>
                        <td class="reportSpoiledTablePanel-delete">
                            <a onclick=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="reportSpoiledTablePanel-goodsID"></td>
                        <td class="reportSpoiledTablePanel-goodsName"></td>
                        <td class="reportSpoiledTablePanel-applyUserName"></td>
                        <td class="reportSpoiledTablePanel-stockNumber"></td>
                        <td class="reportSpoiledTablePanel-lossNumber"></td>
                        <td class="reportSpoiledTablePanel-applyTime"></td>
                        <td class="reportSpoiledTablePanel-reason"></td>
                        <td class="reportSpoiledTablePanel-status"></td>
                        <td class="">
                            <a onclick="setReportSpoiledDetailsModal(this)"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span></a>
                        </td>
                        <td class="reportSpoiledTablePanel-delete">
                            <a onclick=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="reportSpoiledTablePanel-goodsID"></td>
                        <td class="reportSpoiledTablePanel-goodsName"></td>
                        <td class="reportSpoiledTablePanel-applyUserName"></td>
                        <td class="reportSpoiledTablePanel-stockNumber"></td>
                        <td class="reportSpoiledTablePanel-lossNumber"></td>
                        <td class="reportSpoiledTablePanel-applyTime"></td>
                        <td class="reportSpoiledTablePanel-reason"></td>
                        <td class="reportSpoiledTablePanel-status"></td>
                        <td class="">
                            <a onclick="setReportSpoiledDetailsModal(this)"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span></a>
                        </td>
                        <td class="reportSpoiledTablePanel-delete">
                            <a onclick=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="reportSpoiledTablePanel-goodsID"></td>
                        <td class="reportSpoiledTablePanel-goodsName"></td>
                        <td class="reportSpoiledTablePanel-applyUserName"></td>
                        <td class="reportSpoiledTablePanel-stockNumber"></td>
                        <td class="reportSpoiledTablePanel-lossNumber"></td>
                        <td class="reportSpoiledTablePanel-applyTime"></td>
                        <td class="reportSpoiledTablePanel-reason"></td>
                        <td class="reportSpoiledTablePanel-status"></td>
                        <td class="">
                            <a onclick="setReportSpoiledDetailsModal(this)"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span></a>
                        </td>
                        <td class="reportSpoiledTablePanel-delete">
                            <a onclick=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="reportSpoiledTablePanel-goodsID"></td>
                        <td class="reportSpoiledTablePanel-goodsName"></td>
                        <td class="reportSpoiledTablePanel-applyUserName"></td>
                        <td class="reportSpoiledTablePanel-stockNumber"></td>
                        <td class="reportSpoiledTablePanel-lossNumber"></td>
                        <td class="reportSpoiledTablePanel-applyTime"></td>
                        <td class="reportSpoiledTablePanel-reason"></td>
                        <td class="reportSpoiledTablePanel-status"></td>
                        <td class="">
                            <a onclick="setReportSpoiledDetailsModal(this)"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span></a>
                        </td>
                        <td class="reportSpoiledTablePanel-delete">
                            <a onclick=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="reportSpoiledTablePanel-goodsID"></td>
                        <td class="reportSpoiledTablePanel-goodsName"></td>
                        <td class="reportSpoiledTablePanel-applyUserName"></td>
                        <td class="reportSpoiledTablePanel-stockNumber"></td>
                        <td class="reportSpoiledTablePanel-lossNumber"></td>
                        <td class="reportSpoiledTablePanel-applyTime"></td>
                        <td class="reportSpoiledTablePanel-reason"></td>
                        <td class="reportSpoiledTablePanel-status"></td>
                        <td class="">
                            <a onclick="setReportSpoiledDetailsModal(this)"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span></a>
                        </td>
                        <td class="reportSpoiledTablePanel-delete">
                            <a onclick=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="reportSpoiledTablePanel-goodsID"></td>
                        <td class="reportSpoiledTablePanel-goodsName"></td>
                        <td class="reportSpoiledTablePanel-applyUserName"></td>
                        <td class="reportSpoiledTablePanel-stockNumber"></td>
                        <td class="reportSpoiledTablePanel-lossNumber"></td>
                        <td class="reportSpoiledTablePanel-applyTime"></td>
                        <td class="reportSpoiledTablePanel-reason"></td>
                        <td class="reportSpoiledTablePanel-status"></td>
                        <td class="">
                            <a onclick="setReportSpoiledDetailsModal(this)"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span></a>
                        </td>
                        <td class="reportSpoiledTablePanel-delete">
                            <a onclick=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="reportSpoiledTablePanel-goodsID"></td>
                        <td class="reportSpoiledTablePanel-goodsName"></td>
                        <td class="reportSpoiledTablePanel-applyUserName"></td>
                        <td class="reportSpoiledTablePanel-stockNumber"></td>
                        <td class="reportSpoiledTablePanel-lossNumber"></td>
                        <td class="reportSpoiledTablePanel-applyTime"></td>
                        <td class="reportSpoiledTablePanel-reason"></td>
                        <td class="reportSpoiledTablePanel-status"></td>
                        <td class="">
                            <a onclick="setReportSpoiledDetailsModal(this)"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span></a>
                        </td>
                        <td class="reportSpoiledTablePanel-delete">
                            <a onclick=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div class="page-body">
                <ul class="page-ul">
                    <li class="page-ul-li">
                        <div class="input-group" style="width: 110px">
                            <input type="text" class="form-control skipPage" placeholder="0">
                            <span class="input-group-btn">
                                <button  onclick="skipPage('#reportSpoiledTablePanel')" class="btn btn-default" type="button">跳转</button>
                             </span>
                        </div>
                    </li>
                    <li class="page-ul-li"><a class="btn btn-default page-button" onclick="nextPage('#reportSpoiledTablePanel')"><span class="caret caret-left"></span></a></li>
                    <li class="page-ul-li" style="margin-top: 8px"><span class="currentPage"></span>/<span class="totalPage"></span></li>
                    <li class="page-ul-li"><a class="btn btn-default page-button" onclick="previousPage('#reportSpoiledTablePanel')"><span class="caret caret-right"></span></a></li>
                </ul>
            </div>


        </div>
    </div>
    <!--------------------------------------------------------申请报损-------------------------------------------------------------->
    <!---------------------------------------------------------------------------------------------------------------------->
    <div id="reportSpoiledPanel" class="right-panel hidden">

        <div class="nav-path">
            <div class="">
                <a href="#allWarehouseGoodsInformationPanel" class="btn btn-default path-arrow-left">
                    <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
                </a>
                <ul class="path-ul">
                    <li>申请报损</li>
                </ul>
            </div>
        </div>

        <div class="main-body-content" style="height: 500px">
            <div class="top-body" style="margin-top: 30px">
                <h2 style="text-align: center"><b>报损单</b></h2>
            </div>
            <div class="main-table col-xs-8 col-xs-push-2" style="color: #000000;">
                <div style="height: 41px; border-bottom: 1px solid #000000">
                    <div class="col-xs-3" style="text-align: center;"><label style="height: 100%; margin-bottom: 0px; line-height: 40px">申请人</label></div>
                    <div id="reportSpoiledPanel-applyName" class="col-xs-9" style="border:none; border-left: 1px solid #000000;height: 40px;text-align: center;line-height: 40px;"></div>
                </div>
                <div style="height: 61px; border-bottom: 1px solid #000000">
                    <div class="col-xs-3" style="text-align: center;"><label style="height: 100%; margin-bottom: 0px; line-height: 60px">原因</label></div>
                    <textarea class="col-xs-9" id="reportSpoiledPanel-reason" style="border:none; border-left: 1px solid #000000;height: 60px;"></textarea>
                </div>
                <div class="table-body" style="margin: 0">
                    <table class="table table-bordered table-selfDefine">
                        <thead>
                        <tr>
                            <th style="width: 10%">物品编号</th>
                            <th>物品名称</th>
                            <th style="width: 25%">库存</th>
                            <th style="width: 25%;border-right: none">报损数量</th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr class="table-tr" style="height: 50px">
                                <td style="line-height: 50px;"></td>
                                <td style="line-height: 50px;"></td>
                                <td style="line-height: 50px;"></td>
                                <td style="border-right: none"><input style="height: 50px;"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="check-div" style="height: 181px;">
                    <div class="col-xs-3" style="text-align: center;border-right: 1px solid #000000"><label style="height: 100%; margin-bottom: 0px; line-height: 180px">负责人审核</label></div>
                    <div class="col-xs-9"  style="height:100%;text-align: center;padding: 0">
                        <textarea></textarea>
                        <span><b>签名:</b>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </span>
                        <span><b>年</b>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </span>
                        <span><b>月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></span>
                        <span><b>日</b></span>
                    </div>
                </div>
            </div>
            <div class="col-xs-12" style="text-align: center;margin-top: 30px">
                <a class="btn btn-info" onclick="submitReportSpoiled()">提交</a>
                <a href="#reportSpoiledTablePanel" class="btn btn-default lookReportSpoiledTable" onclick="getAllLossEntry()">查看报损表</a>
            </div>
        </div>
    </div>
</div>
<!--------------------------------------------------------报损单详情modal-------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------->
<div class="modal fade" id="myModal-reportSpoiledDetails" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-reportSpoiledDetails">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body" style="padding: 15px 20px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="top-body" style="margin-top: 30px">
                            <h3 style="text-align: center"><b>报损单</b></h3>
                        </div>
                        <div class="main-table col-xs-10 col-xs-push-1" style="color: #000000;">
                            <div style="height: 41px; border-bottom: 1px solid #000000">
                                <div class="col-xs-2" style="text-align: center; border-right: 1px solid #000000"><label style="height: 100%; margin-bottom: 0px; line-height: 40px">申请人</label></div>
                                <div class="col-xs-3" style="text-align: center;"><span class="applyUserName" style="height: 100%; margin-bottom: 0px; line-height: 40px"></span></div>
                                <div class="col-xs-3"  style="text-align: center;border-left: 1px solid #000000; border-right: 1px solid #000000"><label style="height: 100%; margin-bottom: 0px; line-height: 40px">申请时间</label></div>
                                <div class="col-xs-4"  style="text-align: center;"><span class="applyTime" style="height: 100%; margin-bottom: 0px; line-height: 40px"></span></div>
                            </div>
                            <div style="height: 61px; border-bottom: 1px solid #000000">
                                <div class="col-xs-2" style="text-align: center;"><label style="height: 100%; margin-bottom: 0px; line-height: 60px">原因</label></div>
                                <textarea class="col-xs-6 applyReason" style="border:none; border-left: 1px solid #000000;height: 60px;"></textarea>
                                <div class="col-xs-2"  style="height: 60px;text-align: center;border-left: 1px solid #000000; border-right: 1px solid #000000"><label style="height: 100%; margin-bottom: 0px; line-height: 60px">状态</label></div>
                                <div class="col-xs-2"  style="text-align: center;"><span class="applyStatus" style="height: 100%; margin-bottom: 0px; line-height: 60px"></span></div>
                            </div>
                            <div class="table-body" style="margin: 0">
                                <table class="table table-bordered table-selfDefine">
                                    <thead>
                                    <tr>
                                        <th style="width: 50px">编号</th>
                                        <th>物品名称</th>
                                        <th style="border-right: none">报损数量</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="table-tr" >
                                        <td style="height: 50px;line-height: 50px;"></td>
                                        <td style="height: 50px;line-height: 50px;"></td>
                                        <td style="height: 50px;line-height: 50px;border-right: none"></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="check-div" style="height: 180px;">
                                <div class="col-xs-3" style="text-align: center;border-right: 1px solid #000000"><label style="height: 100%; margin-bottom: 0px; line-height: 180px">负责人审核</label></div>
                                <div class="col-xs-9"  style="height:100%;text-align: center;padding: 0">
                                    <textarea class="note"></textarea>
                                    <span><b>签名:</b><span class="auditor"></span>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </span>
                                    <span><b>时间：</b>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </span>
                                    <span class="auditTime"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade bs-example-modal-sm" id="myModal-makeSureDelete" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" value="">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header" style="padding: 5px 15px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body" style="padding: 25px 15px;">
                是否确认要删除？
            </div>
            <div class="modal-footer" style="padding: 5px 15px;">
                <button type="button" class="btn btn-default" data-dismiss="modal" style="float: right; margin-left: 5px">取消</button>
                <button type="button" class="btn btn-primary" style="float: right;" onclick="makeSureDelete()" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>